<script setup lang="ts">
import { Toleration } from "@/views/domain/kubeHud/api/k8s/types";
type Prop = {
  tolerations?: Toleration[];
};

const props = defineProps<Prop>();
</script>

<template>
  <div class="toleration-wrapper">
    <el-table :data="tolerations" table-layout="auto">
      <el-table-column prop="key" label="Key" />
      <el-table-column prop="value" label="Value" />
      <el-table-column prop="operator" label="Operator" />
      <el-table-column prop="effect" label="Effect" />
      <el-table-column prop="seconds" label="Seconds" />
    </el-table>
  </div>
</template>
<style lang="scss" scoped>
.toleration-wrapper {
  .el-table {
    border-radius: 12px;
    overflow: hidden;
    --el-table-header-bg-color: var(--el-color-primary-dark-1);
    --el-table-header-text-color: var(--el-border-color-lighter);
  }
}
</style>
